
/* ::::: http://www.guildconnections.com/example/style.css ::::: */

* { margin: 0px; padding: 0px; }
img { border: medium none ; }
a { text-decoration: none; color: rgb(255, 255, 255); }
a:hover { color: rgb(204, 255, 255); }
body { font-family: Arial,Helvetica,sans-serif; font-size: 12px; background-color: rgb(0, 0, 0); background-image: url('../images/bodybg.jpg'); background-repeat: no-repeat; background-position: center top; }
.fltClear { clear: both; }
.fltLeft { float: left; }
.fltRight { float: right; }
.orangeTxt { color: rgb(235, 113, 36); }
.blueTxt { color: rgb(0, 104, 169); }
.yellowTxt { color: rgb(255, 255, 102); }
.headerH2 { background-image: url('../images/h2_middle_bg.jpg'); background-repeat: repeat-x; height: 27px; color: rgb(255, 255, 255); font-size: 14px; padding-bottom: 1px; }
.headerH2 .fltLeft { background-image: url('../images/h2_left_bg.jpg'); background-repeat: no-repeat; background-position: left 0px; padding-left: 10px; height: 20px; padding-top: 5px; }
.headerH2 .fltRight { background-image: url('../images/h2_right_bg.jpg'); background-repeat: no-repeat; background-position: right 0px; height: 20px; padding-right: 20px; padding-top: 5px; }
#wrapper { width: 1000px; margin-right: auto; margin-left: auto; }
#logo { background-image: url('../images/loog_bg.jpg'); background-repeat: repeat-x; height: 105px; padding-right: 10px; }
#logo h1 { float: left; padding-top: 10px; padding-left: 107px; }
#logo .search { background-image: url('../images/search_bg.jpg'); background-repeat: no-repeat; height: 25px; width: 345px; float: right; margin-bottom: 5px; padding-left: 22px; padding-top: 1px; }
#logo .search .ipButton { border-style: none; color: rgb(255, 255, 255); background-image: none; background-color: rgb(21, 21, 21); font-weight: bold; height: 13px; font-size: 11px; }
#logo .search .ipText { font-size: 11px; padding-left: 3px; }
#nav { margin-bottom: 305px; background-image: url('../images/nav_bg.jpg'); background-repeat: no-repeat; height: 48px; clear: both; }
#nav ul { list-style-type: none; padding-top: 12px; text-align: center; display: block; color: rgb(226, 155, 101); font-family: Geneva,Arial,Helvetica,sans-serif; height: 33px; }
#nav ul li { display: inline; padding-top: 15px; padding-bottom: 15px; height: 30px; }
#nav ul li a img { padding: 10px 20px; }
#nav ul li a:hover img { padding: 10px 20px; background-image: url('../images/nav_hover_bg.jpg'); background-repeat: no-repeat; background-position: center center; }
#contentWrapper { padding: 15px 10px 20px 15px; background-color: rgb(255, 255, 255); background-image: url('../images/content_bg_top.jpg'); background-repeat: no-repeat; background-position: 0px top; width: 975px; }
#sidebar { width: 303px; float: left; padding-top: 2px; }
#sidebar h4 { padding: 10px 5px 5px 15px; font-size: 12px; font-weight: normal; }
#sidebar .cloud { clear: both; margin-top: 20px; background-image: url('../images/sidebar_data_bg.jpg'); background-repeat: repeat-y; }
#sidebar .cloud p { padding: 10px; line-height: 25px; }
#sidebar .cloud a { color: rgb(0, 104, 169); }
#sidebar .cloud a:hover { color: rgb(5, 74, 90); text-decoration: underline; }
#sidebar .cloud a.tag1 { font-size: 10px; }
#sidebar .cloud a.tag2 { font-size: 13px; }
#sidebar .cloud a.tag3 { font-size: 16px; }
#sidebar .cloud a.tag4 { font-size: 19px; }
#sidebar .cloud a.tag5 { font-size: 19px; font-weight: bold; }
#sidebar .news { margin-top: 15px; background-image: url('../images/sidebar_data_bg.jpg'); background-repeat: repeat-y; }
#sidebar .news p { float: right; width: 150px; text-align: justify; padding-right: 10px; }
#sidebar .news .image { float: left; width: 125px; padding-left: 10px; }
#sidebar .news .comments { border-top: 1px dotted rgb(0, 0, 0); border-bottom: 1px dotted rgb(0, 0, 0); margin: 10px; padding: 5px 20px; clear: both; line-height: 17px; background-color: rgb(248, 247, 242); }
#content { float: right; width: 650px; padding-bottom: 10px; }
#content h4 { padding-bottom: 5px; padding-left: 10px; color: rgb(0, 104, 169); font-size: 12px; }
tab-- > .tabSelect { background-image: url('../images/inner_tabs_bg.jpg'); background-repeat: no-repeat; margin-bottom: 15px; background-position: center 6px; color: rgb(255, 255, 255); width: 650px; }
.tabSelect:hover { padding: 15px 10px; background-color: rgb(234, 90, 4); }
.tabSelect:active { padding: 15px 10px; background-color: rgb(234, 90, 4); }
tab-- > #content .TabView { background-image: url('../images/inner_tabs_bg.jpg'); background-repeat: no-repeat; margin-bottom: 15px; background-position: center 6px; color: rgb(255, 255, 255); width: 650px; }
#content .TabView .Tabs { display: block; font-size: 12px; height: 60px; background-color: rgb(0, 0, 0); }
#content .TabView .Tabs span { font-weight: normal; color: rgb(204, 255, 255); }
#content .TabView .Tabs a { padding: 15px 10px; float: left; color: rgb(255, 255, 255); font-weight: bold; }
#content .TabView .Tabs a.ActiveTab { padding: 15px 10px; background-color: rgb(234, 90, 4); }
#content .TabView .Pages { width: 645px; }
#content .TabView .Pages img { height: 175px; width: 645px; }
#content .TabView .Pages .data { height: 70px; background-color: rgb(0, 0, 0); clear: both; padding-left: 10px; padding-right: 10px; padding-top: 5px; }
#content .mmorpgList { background-image: url('../images/content1_bg_middle.jpg'); background-repeat: repeat-y; background-position: 0px 0px; width: 646px; }
#content .mmorpgList h2 { margin-left: 3px; margin-right: 2px; }
#content .content_1 { border-bottom: 1px solid rgb(222, 222, 222); padding-top: 3px; padding-bottom: 1px; margin-left: 10px; margin-right: 10px; }
#content .content_1 p { float: right; width: 474px; }
#content .content_1 img { float: left; width: 145px; padding-right: 5px; padding-bottom: 5px; }
#content .content_2 { width: 315px; margin-top: 10px; background-image: url('../images/content2_bg.jpg'); background-repeat: repeat-y; margin-right: 10px; float: left; }
#content .content_2 p { padding: 5px; font-size: 11px; background-image: url('../images/content2_p_bottom.jpg'); background-repeat: no-repeat; background-position: 0px bottom; margin-right: 1px; margin-left: 1px; }
#content .content_2 .last_p { background-image: url('../images/content2_bottom.jpg'); background-repeat: no-repeat; background-position: 0px bottom; margin-right: 0px; margin-left: 0px; padding-bottom: 10px; }
#content .content3 { background-image: url('../images/content1_bg_middle.jpg'); background-repeat: repeat-y; margin-top: 15px; text-align: center; width: 646px; }
#content .content3 p { border-top: 1px dotted rgb(0, 0, 0); border-bottom: 1px dotted rgb(0, 0, 0); background-color: rgb(248, 247, 242); margin-top: 5px; padding-top: 2px; padding-bottom: 3px; }
#content .content3 h2 { margin-right: 2px; margin-left: 3px; }
#content .content3 .game { padding: 30px 20px 10px 40px; float: left; font-weight: bold; }
#content .content3 .games_det { float: left; margin-right: 20px; }
#footer { height: 65px; clear: both; background-image: url('../images/footer_middle.jpg'); background-repeat: repeat-x; color: rgb(153, 153, 153); }
#footer a { color: rgb(153, 153, 153); }
#footer a:hover { color: rgb(255, 255, 255); }
#footer .footerLogo { float: left; background-image: url('../images/footer_left.jpg'); background-repeat: no-repeat; height: 60px; padding-top: 5px; padding-left: 45px; }
#footer .copyright { width: 700px; float: left; height: 45px; text-align: center; padding-top: 20px; }
#footer .backToTop { float: right; height: 38px; width: 121px; background-image: url('../images/footer_right.jpg'); background-repeat: no-repeat; background-position: right 0px; font-size: 12px; font-weight: bold; padding-top: 27px; text-align: center; }
.lavaLamp { margin: 0px 0pt; padding: 15px; background-image: url('../images/nav_bg.jpg'); background-repeat: no-repeat; height: 48px; clear: both; position: relative; }
.lavaLamp li { float: left; list-style-type: none; list-style-image: none; list-style-position: outside; }
.lavaLamp li.back { background: transparent url('../images/nav_hover_bg.jpg') no-repeat scroll 0% 0%; width: 9px; height: 30px; position: absolute; }
.lavaLamp li.back .left { background: transparent url('../images/nav_hover_bg.jpg') no-repeat scroll left top; height: 30px; margin-right: 9px; }
.lavaLamp li a { margin: auto 20px; overflow: hidden; position: relative; text-decoration: none; text-transform: uppercase; font-family: arial; font-style: normal; font-variant: normal; font-weight: bold; font-size: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: rgb(255, 255, 255); outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; text-align: center; height: 30px; top: 7px; z-index: 10; letter-spacing: 0pt; float: left; display: block; }
#slideshow { position: relative; height: 270px; }
#slideshow img { position: absolute; top: 0pt; left: 0pt; z-index: 8; opacity: 0; }
#slideshow img.active { z-index: 10; opacity: 1; }
#slideshow img.last-active { z-index: 9; }